/*
 * @Author: tzy1997
 * @Date: 2020-12-15 20:55:25
 * @LastEditors: tzy1997
 * @LastEditTime: 2021-01-12 19:02:25
 */

$(function() {
  // 气泡
  function bubble() {
      $('#page-header').circleMagic({
          radius: 10,
          density: .2,
          color: 'rgba(255,255,255,.4)',
          clearOffset: 0.99
      });
  }! function(p) {
      p.fn.circleMagic = function(t) {
          var o, a, n, r, e = !0,
              i = [],
              d = p.extend({ color: "rgba(255,0,0,.5)", radius: 10, density: .3, clearOffset: .2 }, t),
              l = this[0];

          function c() { e = !(document.body.scrollTop > a) }

          function s() { o = l.clientWidth, a = l.clientHeight, l.height = a "px", n.width = o, n.height = a }

          function h() {
              if (e)
                  for (var t in r.clearRect(0, 0, o, a), i) i[t].draw();
              requestAnimationFrame(h)
          }

          function f() {
              var t = this;

              function e() { t.pos.x = Math.random() * o, t.pos.y = a 100 * Math.random(), t.alpha = .1 Math.random() * d.clearOffset, t.scale = .1 .3 * Math.random(), t.speed = Math.random(), "random" === d.color ? t.color = "rgba(" Math.floor(255 * Math.random()) ", " Math.floor(0 * Math.random()) ", " Math.floor(0 * Math.random()) ", " Math.random().toPrecision(2) ")" : t.color = d.color }
              t.pos = {}, e(), this.draw = function() { t.alpha <= 0 && e(), t.pos.y -= t.speed, t.alpha -= 5e-4, r.beginPath(), r.arc(t.pos.x, t.pos.y, t.scale * d.radius, 0, 2 * Math.PI, !1), r.fillStyle = t.color, r.fill(), r.closePath() }
          }! function() {
              o = l.offsetWidth, a = l.offsetHeight,
                  function() {
                      var t = document.createElement("canvas");
                      t.id = "canvas", t.style.top = 0, t.style.zIndex = 0, t.style.position = "absolute", l.appendChild(t), t.parentElement.style.overflow = "hidden"
                  }(), (n = document.getElementById("canvas")).width = o, n.height = a, r = n.getContext("2d");
              for (var t = 0; t < o * d.density; t++) {
                  var e = new f;
                  i.push(e)
              }
              h()
          }(), window.addEventListener("scroll", c, !1), window.addEventListener("resize", s, !1)
      }
  }(jQuery);

  // 调用气泡方法
  bubble();
})